<script >
export default{
    data(){
        return{
            istrueCo:true,
            hasEr:false
        }
    }
}
</script>

<template>  

<div class="stitc"
:class="{'co':istrueCo,'bg':hasEr}">新云的小石头</div>
<div :class="{'co':hasEr,'bg':istrueCo}">新云的小石头(反)</div>
</template>

<style scoped>
.co{
    color: red;
}
.bg{
    background-color: black;
}
.stitc{
    background-color: blue;
}
</style>
